<script lang='ts' setup>
import { ref } from "vue";
import SoftwareCenter, { softwareDataList } from "../Product/SoftwareCenter.vue"
import { handleClick } from "../../../utils/ts/commonEvent";
import { useRouter } from "vue-router";

const router = useRouter();

const dataList = ref<softwareDataList[]>([
    {
        title: "封挂产品",
        data: [
            {
                name: "封挂软件 A版",
                number: "0",
                price: 100,
                intro: "适用于个人使用，支持无限制使用。",
                funct: "功能强大，开箱即用",
                path: {
                    path: "/product/debugAssistForm",
                    query: {
                        title: "封挂软件 A版"
                    }
                }
            },
            {
                name: "封挂软件 B版",
                number: "0",
                price: 100,
                intro: "适用于个人使用，支持无限制使用。",
                funct: "功能强大，开箱即用",
                path: {
                    path: "/product/debugAssistForm",
                    query: {
                        title: "封挂软件 B版"
                    }
                }
            },
            {
                name: "封挂软件 C版",
                number: "0",
                price: 100,
                intro: "适用于个人使用，支持无限制使用。",
                funct: "功能强大，开箱即用",
                path: {
                    path: "/product/debugAssistForm",
                    query: {
                        title: "封挂软件 C版"
                    }
                }
            },
            {
                name: "封挂软件 D版",
                number: "0",
                price: 100,
                intro: "适用于个人使用，支持无限制使用。",
                funct: "功能强大，开箱即用",
                path: {
                    path: "/product/debugAssistForm",
                    query: {
                        title: "封挂软件 D版"
                    }
                }
            },
        ],
    },
]);

</script>
<template>
    <SoftwareCenter :data-list="dataList" @click="e => handleClick(e, router)" />
</template>